<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />	
		<title>interaction</title>
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="css/animate.css" />
	</head>
	<body>
		<div class="web">			
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide page page-1">
						<div class="cloud c-1"></div>
						<div class="cloud c-2"></div>
						<div class="cloud c-3"></div>
						<div class="cloud c-4"></div>
						<div class="cloud c-5"></div>	
						<div class="cloud c-6"></div>	
						<div class="cloud c-7"></div>
						<div class="cloud c-8"></div>	
						<div class="sun">
							<div class="sunshine-1"></div>
							<div class="sunshine-2"></div>
						</div>
						<div class="sun-mask"></div>
						<!--<div class="desc-1">
							<i class="iconfont icon-handoright"></i>
						</div>-->
						<p class="desc-2">
							<span>如</span>
							<span>果</span>
							<span>太</span>
							<span>阳</span>
							<span>不</span>
							<span>见</span>
							<span>了</span>
						</p>
						<p class="desc-3">
							<span>我</span>
							<span>们</span>
							<span>可</span>
							<span>以</span>
							<span>选</span>
							<span>择</span>
							<span>奔</span>
							<span>跑</span>
							<span>...</span>
						</p>
					</div>
					<div class="swiper-slide page page-2">
						<div class="run"></div>
						<div class="font-wrap">
							<div class="font ani" swiper-animate-effect="slideInRight" swiper-animate-duration="1s" swiper-animate-delay="0s">
								<img src="img/font.png" alt="" />
							</div>
						</div>
						<div class="popup clearfix">
							<p class="ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="1s" swiper-animate-delay="2s">不是为了躲雨？？</p>
						</div>
					</div>
					<div class="swiper-slide page page-3">
						<div class="top clearfix">							
							<ul>
								<li>.</li>
								<li>.</li>
								<li>.</li>
							</ul>
							<div class="crow">
								<img src="img/crow.png" />
							</div>							
						</div>
						<div class="wind-wrap">
							<div class="wind ani" swiper-animate-effect="boom" swiper-animate-duration="0.3s" swiper-animate-delay="0s">
								<img src="img/wind.png" alt="" />
							</div>
						</div>
						<p class="desc-1 ani" swiper-animate-effect="flipInX" swiper-animate-duration="1s" swiper-animate-delay="0s">然而...台风来了</p>
						<p class="desc-2 ani" swiper-animate-effect="flipInX" swiper-animate-duration="1s" swiper-animate-delay="0s">你跑去哪里
							<span class="ani" swiper-animate-effect="swing" swiper-animate-duration="1s" swiper-animate-delay="0s">??</span></p>
					</div>
			
				</div>
			</div>	
		</div>
	<script src="js/swiper-3.4.2.min.js"></script>
	<script src="js/swiper.animate1.0.2.min.js"></script>		
	<script src="js/mobileFontSizeReset.js"></script>
	<script src="js/index.js"></script>
	</body>
</html>
